<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <link href="css/font-awesome.min.css" rel="stylesheet">
  <title>个人简历</title>
  <style>
    .lbox{
      margin: 30px;
      padding: 10px;
    }
    .lbox .row {
      padding: 8px 0px;
    }
    .progress {
      margin-top: 5px;
    }
    .rbox {
      margin: 30px;
    }
    .rbox h4 {
      padding-bottom: 5px;
      color: #17a2b8;
      border-bottom: 1px solid #17a2b8;
    }
  </style>
</head>

<body>
  <div class="container">
    <div class="row">
      <div class="col-sm-4  bg-info text-white left">
        <div class="lbox">
          <img src="img/jianli.jpg" class="img-fluid d-block m-auto">
        </div>
        <div class="lbox">
          <p><i class="fa fa-user-o"></i>&nbsp;&nbsp;年龄</p>
          <p><i class="fa fa-calendar"></i>&nbsp;&nbsp;工作年限</p>
          <p><i class="fa fa-phone"></i>&nbsp;&nbsp;联系电话</p>
          <p><i class="fa fa-envelope-o"></i>&nbsp;&nbsp;电子邮箱</p>
        </div>
        <div class="lbox">
          <h4>技能特长</h4>
          <div class="row">
            <div class="col-sm-4">
              <span>HTML5</span>
            </div>
            <div class="col-sm-8">
              <div class="progress">
                <div class="progress-bar  progress-bar-striped bg-success progress-bar-animated" style="width: 95%;">
                </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-sm-4">
              <span>CSS3</span>
            </div>
            <div class="col-sm-8">
              <div class="progress">
                <div class="progress-bar  progress-bar-striped bg-info progress-bar-animated" style="width: 90%;"></div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-sm-4">
              <span>JS</span>
            </div>
            <div class="col-sm-8">
              <div class="progress">
                <div class="progress-bar  progress-bar-striped bg-secondary progress-bar-animated" style="width: 88%;">
                </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-sm-4">
              <span>Bootstrap</span>
            </div>
            <div class="col-sm-8">
              <div class="progress">
                <div class="progress-bar progress-bar-striped bg-primary active" style="width: 90%;"></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="col-sm-8 border right">
        <div class="rbox">
          <h3>你的名字</h3>
          <p>一句话介绍自己，告诉HR为什么选择别人而不是别人</p>
        </div>
        <div class="rbox">
          <h4>求职意向</h4>
          <p>Web前端开发工程师</p>
        </div>
        <div class="rbox">
          <h4>教育背景</h4>
          <p>2015.9-2019.6&nbsp;&nbsp;XX学院计算机科学与技术专业（本科）</p>
        </div>
        <div class="rbox">
          <h4>工作经验</h4>
          <p>2018.9-2019.6&nbsp;&nbsp;XX互联网科技公司&nbsp;&nbsp;Web前端实习生</p>
          <p></p>
          <p>工作描述</p>
          <ul>
            <li>负责编写详细需求分析和客户管理模块；</li>
            <li>实现了客户添加、客户修改、客户删除、批量删除客户、分页等几大功能；</li>
            <li>分别用到Myeclipse开发工具、orcal数据库、ssh、javascript、jquery等开发技术，现几大功能运行稳定，运算速度明显变快。 </li>
          </ul>
        </div>
        <div class="rbox">
          <h4>自我评价</h4>
          <ol>
            <li>关注前端前沿技术，基本功扎实，熟悉应用jQuery，熟悉HTML5、CSS3、ES6等；</li>
            <li>熟练应用常见的前端框架并掌握其原理，有组件化的思想，担当且创新；</li>
            <li>较强的学习能力和适应能力，良好的独立分析解决问题能力和逻辑分析思维；</li>
            <li>良好的团队沟通协作力和服务意识，较强的工作执行力和抗压能力，愿与公司一同发展。</li>
          </ol>
        </div>
      </div>
    </div>
  </div>
</body>

</html>
